<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>首页</title>

    <link rel="stylesheet" href="../../resources/lib/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../../resources/index/css/index.css">
    <script style="text/javascript" src="../../resources/lib/jQuery/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="../../resources/lib/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<!--导航-->
    <link rel="stylesheet" href="../../resources/index/css/style1.css" />
    <script type="text/javascript" src="../../resources/index/js/index.js"></script>

    <link rel="stylesheet" type="text/css" href="../../resources/gourmetHotel/css/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="../../resources/gourmetHotel/css/css/default.css">
    <link rel="stylesheet" href="../../resources/gourmetHotel/css/css/main.css"/>
</head>
<body>
<div class="col-md-12" style="background:#fff6f4;z-index: 100;margin-top: -50px;">
    <div class="col-md-2">
        <img style="height:68px;width: 100%" src="../../resources/index/img/logo.png" alt=""/>
    </div>
    <!-- 代码 开始 -->
    <div id="menu2" class="menu col-md-7">
        <ul>
            <li><a  href="../index/index.html">首 页</a ></li>
            <li><a href="../scenicSpotIntroduction/scenicSpotIntroduction.html">特色景点</a></li>
            <li><a href="../gourmetHotel/gourmetHotel.html">住宿餐饮</a></li>
            <li><a href="../tourRoute/tourRoute.html">旅游导览</a></li>
            <li><a href="../backstory/backstory.html">背景故事</a></li>
            <li><a href="../aboutUs/aboutUs.html">关于我们</a></li>
            <li><a href="../travel-note/travel-note.html">游记</a></li>
        </ul>
        <div class="cls"></div>
    </div>
    <!-- 代码 结束 -->


    <div class="col-md-3 col-sm-3 col-lg-3 col-xs-12">
        <div id="weather" onmouseover="weatherView()" onmouseout="weatherViewRemove()" style="z-index: 100;position: absolute">

            地点：<span id="currentCity"></span>
            当前日期：<span id="date"></span><br/>
            天气：
            <span id="today_weather" class="weahter"></span>
            <img id="today_day" src=""/>
            <img id="today_night" src=""/>
            <div class="nextDay">
                明天：
                <span id="tomorrow_date"></span><br/>
                <img id="tomorrow_day" src=""/>
                <img id="tomorrow_night" src=""/>
                <span id="tomorrow_weather" class="weahter"></span>
                <span id="tomorrow_temperature" class="weahter"></span>
            </div>
            <div class="nextDay">
                后天：
                <span id="tomorrowAfter_date"></span><br/>
                <img id="tomorrowAfter_day" src=""/>
                <img id="tomorrowAfter_night" src=""/>
                <span id="tomorrowAfter_weather" class="weahter"></span>
                <span id="tomorrowAfter_temperature" class="weahter"></span>
            </div>
        </div>
    </div>
</div>

<div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
        <img src="../../resources/index/img/1.jpg" alt="First slide">

        <div class="carousel-caption">巴松措</div>
        </div>
        <div class="item">
        <img src="../../resources/index/img/2.jpg" alt="Second slide">

        <div class="carousel-caption">桃花</div>
        </div>
        <div class="item">
        <img src="../../resources/index/img/3.jpg" alt="Third slide">

        <div class="carousel-caption">雅鲁藏布大峡谷</div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="carousel-control left" href="#myCarousel"
        data-slide="prev">
        <span class=" glyphicon glyphicon-chevron-left" style="color: rgb(194, 207, 211);"></span>
        </a>
        <a class="carousel-control right" href="#myCarousel"
        data-slide="next">

        <span class="glyphicon glyphicon-chevron-right" style="color: rgb(194, 207, 211);"></span>
        </a>
        <script>
            $(document).ready(function(){
                $('#myCarousel').carousel({interval:3000});//每隔2.5秒自动轮播
            });
        </script>
</div>
</div>
<!--景点推荐-->
<div class="col-md-12" style="background: url('../../resources/index/img/bg2.jpg');margin-top: 20px">
    <div class="col-md-12 h1-bg">
        <h2>景点推荐</h2>
    </div>
</div>
<div class="bs-example col-md-12 col-xs-12" style="z-index: 100;">
    <!-- Scale up-->
    <div class="row col-md-12 col-xs-12">
        <div class="col-md-3 col-xs-6">
            <!-- normal -->
            <div class="ih-item square effect8 scale_up"><a href="#">
                <div class="img"><img src="../../resources/index/img/view1.jpg" alt="img"></div>
                <div class="info">
                    <h3>波密县</h3>

                    <p>再现古诗中“雨中草色绿堪染，水上桃花红欲然”的景象。</p>
                </div>
            </a>
            </div>
            <!-- end normal -->
        </div>
        <div class="col-md-3 col-xs-6">
            <!-- colored -->
            <div class="ih-item square colored effect8 scale_up"><a href="#">
                <div class="img"><img src="../../resources/index/img/view2.jpg" alt="img"></div>
                <div class="info">
                    <h3>嘎拉县 </h3>

                    <p>游船河中行，两岸翠柳青，碧波荡漾，水鸟游弋</p>
                </div>
            </a></div>
            <!-- end colored -->
        </div>
        <div class="col-md-3 col-xs-6">
            <!-- colored -->
            <div class="ih-item square colored effect8 scale_up"><a href="#">
                <div class="img"><img src="../../resources/index/img/view3.jpg" alt="img"></div>
                <div class="info">
                    <h3>工布县</h3>

                    <p>宝石蓝湖水，洁白的雪山，散落在湖畔的村落，湖光山色，交相辉映</p>
                </div>
            </a></div>
            <!-- end colored -->
        </div>
        <div class="col-md-3 col-xs-6">
            <!-- normal -->
            <div class="ih-item square effect8 scale_up"><a href="#">
                <div class="img"><img src="../../resources/index/img/view4.jpg" alt="img"></div>
                <div class="info">
                    <h3>朗县</h3>

                    <p>人间四月芳菲尽，一路桃花次第开。长恨春归无觅处，不觉转入朗县来。</p>
                </div>
            </a>
            </div>
            <!-- end normal -->
        </div>
    </div>

</div>

<div class="col-md-12" style="background: url('../../resources/index/img/bg3.jpg');">
    <div class="col-md-12 h1-bg">
        <h2>酒店推荐</h2>
    </div>
</div>
<div class="col-md-12">
    <div class="col-md-10 col-md-offset-1">
        <!-- 代码部分begin -->
        <div class="lanren2">
            <div class="flip-3d2">
                <figure>
                    <img class="" src="../../resources/index/img/hotel1.jpg" alt="">
                    <figcaption>
                        <h3>巴宜夜央小院</h3>
                        小院以藏式民居为主体，一楼一底，内部装修典雅大方，极富文化气息。
                    </figcaption>
                </figure>
            </div>
            <div class="flip-3d2">
                <figure>
                    <img class="" src="../../resources/index/img/hotel2.jpg" alt="">
                    <figcaption>
                        <h3>林芝明珠大酒店</h3>
                        独具特色的花园房，让您沐浴日光带来的温暖；躺在床上就能聆听尼洋河潺潺的流水声，足不出房也能感受到雪域江南如此美丽摄人的景致。
                    </figcaption>
                </figure>
            </div>
            <div class="flip-3d2">
                <figure>
                    <img class="" src="../../resources/index/img/hotel3.jpg" alt="">
                    <figcaption>
                        <h3>林芝奇正白玛曲秘花园酒店</h3>
                        坐落于林芝地区奇正路，比日神山景区脚下，南侧近邻公园、清澈河流；西侧为奇正GMP绿荫厂区。</figcaption>
                </figure>
            </div>

        </div>
        <!-- 代码部分end -->
    </div>
</div>
<!--美食-->
<div class="col-md-12" style="background: url('../../resources/index/img/bg2.jpg');">
    <div class="col-md-12 h1-bg">
        <h2>美食推荐</h2>
    </div>
</div>
<div class="bs-example col-md-12 col-xs-12" style="z-index: 100;">
    <div class="row col-xs-12">
        <div class=" col-xs-3 col-md-3">
            <!-- normal -->
            <div class="ih-item square effect7"><a href="#">
                <div class="img"><img  src="../../resources/index/img/food1.jpg" alt="img"></div>
                <div class="info  " style="text-align: center">
                    <h3>巴河鱼</h3>

                    <p>它的营养价值也极高，还有较高的药用价值，对改善肤质有特殊的效果。您可以烧鱼汤，或者清蒸品味原味，还可以将它烧成麻辣的，不过无论哪种烧法，一定会让你记忆深刻的。</p>
                </div>
            </a></div>
            <!-- end normal -->
        </div>
        <div class=" col-xs-3 col-md-3">
            <!-- normal -->
            <div class="ih-item square effect7"><a href="#">
                <div class="img"><img  src="../../resources/index/img/food2.jpg" alt="img"></div>
                <div class="info  " style="text-align: center">
                    <h3>藏香猪</h3>

                    <p>藏香猪的品质上有“六个最”，即： 肉品中氨基酸含量最高，微量元素最高，脂肪含量最低，猪肠最长，猪皮最薄，鬃毛最长。是藏民的传统民族美食。</p>
                </div>
            </a></div>
            <!-- end normal -->
        </div><div class=" col-xs-3 col-md-3">
        <!-- normal -->
        <div class="ih-item square effect7"><a href="#">
            <div class="img"><img  src="../../resources/index/img/food3.jpg" alt="img"></div>
            <div class="info  " style="text-align: center">
                <h3>奶渣包</h3>

                <p>新鲜的牦牛奶煮沸以后被藏族人用传统而独特的方式分解，最贵重、最精华的是酥油，其次是奶渣，也就是提炼了酥油以后剩下的渣子。</p>
            </div>
        </a></div>
            <!-- end normal -->
        </div><div class=" col-xs-3 col-md-3">
        <!-- normal -->
        <div class="ih-item square effect7"><a href="#">
            <div class="img"><img  src="../../resources/index/img/food4.jpg" alt="img"></div>
            <div class="info  " style="text-align: center">
                <h3>石锅鸡</h3>

                <p>以手掌参、土鸡等原料，经这种石锅慢火炖制的石锅鸡风味非常独特，汤味有一股淡淡的药材清香，鸡肉嫩而有弹性。</p>
            </div>
        </a></div>
            <!-- end normal -->
        </div><div class=" col-xs-3 col-md-3">

        </div>
    </div>
</div>
<!--游记-->



<!--路线推荐-->
<div class="col-md-12" style="background: url('../../resources/index/img/bg3.jpg');">
    <div class="col-md-12 h1-bg">
        <h2>游记&攻略</h2>
    </div>
</div>


<div class="bs-example col-md-12">
    <div class="row col-md-12">
        <div class="col-md-3 col-xs-3">
            <!-- normal -->
            <div class="ih-item square effect4"><a href="#">
                <div class="img"><img src="../../resources/index/img/note4.jpg" alt="img"></div>
                <div class="mask1"></div>
                <div class="mask2"></div>
                <div class="info">
                    <h3>难忘的旅行</h3>
                    <p>我用一支笔绘出我的旅程，写出我的人生</p>
                </div>
            </a></div>
            <!-- end normal -->
        </div>

        <div class="col-md-3 col-xs-3">
            <!-- normal -->
            <div class="ih-item square effect4"><a href="#">
                <div class="img"><img src="../../resources/index/img/note1.jpg" alt="img"></div>
                <div class="mask1"></div>
                <div class="mask2"></div>
                <div class="info">
                    <h3>自由行</h3>
                    <p>我们去看大草原的蝴蝶，等候鸟飞回来，等我们都长大了就生一个娃娃他会自己长大远去我们也各自远去我给你写信你不会回信就这样吧。</p>
                </div>
            </a></div>
            <!-- end normal -->
        </div>

        <div class="col-md-3 col-xs-3">
            <!-- normal -->
            <div class="ih-item square effect4"><a href="#">
                <div class="img"><img src="../../resources/index/img/note2.jpg" alt="img"></div>
                <div class="mask1"></div>
                <div class="mask2"></div>
                <div class="info">
                    <h3>乡村行</h3>
                    <p>带来美丽农村，美景，美食，体验农村生活快乐休闲旅游！</p>
                </div>
            </a></div>
            <!-- end normal -->
        </div>

        <div class="col-md-3 col-xs-3">
            <!-- normal -->
            <div class="ih-item square effect4"><a href="#">
                <div class="img"><img src="../../resources/index/img/note3.jpg" alt="img"></div>
                <div class="mask1"></div>
                <div class="mask2"></div>
                <div class="info">
                    <h3>看桃花</h3>
                    <p>漫山遍野，灿若红云，山脚下成片的梨花如白雪铺撒大地。加上其他各种时令花卉，打扮得春意盎然，姹紫嫣红。</p>
                </div>
            </a></div>
            <!-- end normal -->
        </div>

    </div>
</div>
<div class="col-md-12" style="text-align: center;height: 80px;font-size: 18px;background: pink">
<div style="margin-top: 30px">
    <span>&copy;四川旅游学院信息与工程学院2017-2018&nbsp;|&nbsp; 地址：四川省成都市龙泉驿区红岭路459号&nbsp; | &nbsp;邮编：610100 </span>

</div>

</div>
</body>
</html>